/*
 * @Author: xuchao 
 * @Date: 2018-05-16 14:10:53 
 * @Last Modified by: xuchao
 * @Last Modified time: 2018-06-15 09:48:46
 */
import React, { Component } from 'react';
import { Layout } from 'antd';
import './style.less';

export default class Information extends Component {
    constructor(props){
        super(props)
        this.state = {
            type: [{
                class: 'sjtb',
                name: '事件通报'
            }, {
                class: 'ldjb',
                name: '漏洞警报'
            }, {
                class: 'aqxw',
                name: '安全新闻'
            }],
            currentIndex: 2
        }
    }

    tabToggle(index){
        this.setState({
            currentIndex: index
        })
    }     

    render() {
        const { type, currentIndex } = this.state;
        return (
            <Layout.Content className="information">
                <div className="banner animated fadeIn">
                    <h1>安全资讯</h1>
                </div> 
                <div className="menu">
                    <ul>
                        {
                            type && type.map((item, index) => {
                                return (
                                    <li className={currentIndex===index ? 'active' : ''} onClick={this.tabToggle.bind(this, index)} key={index}>
                                        <i className={item.class}></i>
                                        {item.name}
                                    </li>
                                )
                            })
                        }
                    </ul>
                </div>
                <div className={
                    currentIndex === 0 ? `sjtb-list show` : 'sjtb-list'
                }>
                    <ul>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">2018年6月份电子政务信息安全风险整改通知
                                    </p>
                                    <p className="context">2018年6月份电子政务信息安全风险整改通知
                                    </p>
                                    <p><span>2018-06-08 09:04:21</span><span className="num">已有2 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">2018年2季度信息安全防护水平上升前十名单位表彰通知</p>
                                    <p className="context">2018年2季度信息安全防护水平上升前十名单位表彰通知</p>
                                    <p><span>2018-06-02 16:21:06</span><span className="num">已有5 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">2018年2季度信息安全综合水平后十名单位通报通知
                                    </p>
                                    <p className="context">2018年2季度信息安全综合水平后十名单位通报通知
                                    </p>
                                    <p><span>2018-05-10 15:03:21</span><span className="num">已有8 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">2018年2季度完成风险评估单位名单
                                    </p>
                                    <p className="context">2018年2季度完成风险评估单位名单
                                    </p>
                                    <p><span>2018-04-13 11:30:12</span><span className="num">已有16 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">2017年漏评漏测单位名单
                                    </p>
                                    <p className="context">2017年漏评漏测单位名单
                                    </p>
                                    <p><span>2018-04-06 14:09:21</span><span className="num">已有8 人查看</span></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div className={
                    currentIndex === 1 ? `ldjb-list show` : 'ldjb-list'
                }>
                    <ul>
                        <li className="none">
                            <span>漏洞级别</span>
                            <span>危害级别</span>
                            <span>点击数</span>
                            <span>评论</span>
                            <span>关注</span>
                            <span>时间</span>
                        </li>
                        <li>
                            <span>Apache Batik信息泄露漏洞（CNVD-2018-10557）</span>
                            <span><i className="g"></i>高</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>多个TIBCO产品信息泄露漏洞（CNVD-2018-10558）</span>
                            <span><i className="z"></i>中</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>wpForo SQL注入漏洞</span>
                            <span><i className="d"></i>低</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>IBM Storwize V7000 Unified信息泄露漏洞（CNVD-2018-10565）</span>
                            <span><i className="g"></i>高</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>IBM DB2 for Linux、UNIX和Windows文件覆盖漏洞（CNVD-2018-10562）</span>
                            <span><i className="z"></i>中</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>IBM DB2 for Linux、UNIX和Windows文件覆盖漏洞（CNVD-2018-10561）</span>
                            <span><i className="d"></i>低</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>IBM DB2 for Linux、UNIX和Windows文件覆盖漏洞</span>
                            <span><i className="g"></i>高</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>IBM WebSphere Application Server for UNIX权限提升漏洞</span>
                            <span><i className="z"></i>中</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                        <li>
                            <span>IIBM Tivoli Application Dependency Discovery Manager信息泄露漏洞（CNVD-...</span>
                            <span><i className="d"></i>低</span>
                            <span>20</span>
                            <span>1</span>
                            <span>4</span>
                            <span>2017-01-21</span>
                        </li>
                    </ul>
                </div>
                <div className={
                    currentIndex === 2 ? `aqxw-list show` : 'aqxw-list'
                }>
                    <ul>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">我市科技学院代表队在江苏省信息安全技能大赛荣获1等奖</p>
                                    <p className="context">我市科技学院代表队在江苏省信息安全技能大赛荣获1等奖</p>
                                    <p><span>2018-06-10 10:01:37</span><span className="num">已有3 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">省委省政府领导来我市参观考察信息安全作战指挥中心</p>
                                    <p className="context">省委省政府领导来我市参观考察信息安全作战指挥中心</p>
                                    <p><span>2018-06-05 10:01:37</span><span className="num">已有2 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">2018年全市信息安全年度大会成功举行</p>
                                    <p className="context">2018年全市信息安全年度大会成功举行</p>
                                    <p><span>2018-05-28 10:01:37</span><span className="num">已有4 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">我市网信办信息安全作战指挥中心荣获省创新奖</p>
                                    <p className="context">我市网信办信息安全作战指挥中心荣获省创新奖
                                    </p>
                                    <p><span>2018-05-26 10:01:37</span><span className="num">已有8 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">副市长在省委信息安全工作会议上做城市安全建设经验分享
                                    </p>
                                    <p className="context">副市长在省委信息安全工作会议上做城市安全建设经验分享
                                    </p>
                                    <p><span>2018-05-24 09:07:26</span><span className="num">已有4 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">城市信息安全作战指挥中心建成仪式剪彩
                                    </p>
                                    <p className="context">城市信息安全作战指挥中心建成仪式剪彩
                                    </p>
                                    <p><span>2018-05-15 12:26:20</span><span className="num">已有10 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">市委宣传部、网信办组织编写《市民信息安全手册》</p>
                                    <p className="context">市委宣传部、网信办组织编写《市民信息安全手册》</p>
                                    <p><span>2018-05-12 13:16:30</span><span className="num">已有1 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">市科学协会在市图书馆成功举报百姓信息安全讲座</p>
                                    <p className="context">市科学协会在市图书馆成功举报百姓信息安全讲座</p>
                                    <p><span>2018-05-06 14:36:10</span><span className="num">已有12 人查看</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="http://cms-bucket.nosdn.127.net/2018/06/04/8839f1758b714c0fbd61e7cebb49ca9e.jpeg?imageView&thumbnail=550x0" alt=""/>
                                <div className="info">
                                    <p className="title">学习十九大习总书记关于信息安全建设指示活动启动
                                    </p>
                                    <p className="context">学习十九大习总书记关于信息安全建设指示活动启动
                                    </p>
                                    <p><span>2018-05-03 08:24:21</span><span className="num">已有2 人查看</span></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </Layout.Content>
        );
    }
}